<template>
  <div id="app">
    <transition name="fade" mode="out-in">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
  export default {
    name: 'app',
    data() {
      return {}
    },
    created() {

    },
    mounted() {
      console.log(`
                  _ _                  _ _ _
   __ _ _   _  __| (_) ___     ___  __| (_) |_
  / _\` | | | |/ _\` | |/ _ \\   / _ \\/ _\` | | __|
 | (_| | |_| | (_| | | (_) | |  __/ (_| | | |_
  \\__,_|\\__,_|\\__,_|_|\\___/___\\___|\\__,_|_|\\__|
                         |_____|
        `)
    },
    methods: {}
  };
</script>

<style lang="less" type="text/less">
  body {
    margin: 0;
  }

  #asideNav, #loyout, .el-container, body, html, ul.el-menu {
    height: 100%;
  }

  #app {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
  }
  .el-header{
    padding: 0;
  }

  * {
    &::-webkit-scrollbar { /*滚动条整体样式*/
      width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
      height: 13px;
    }

    &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
      border-radius: 13px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #6cf;
    }

    &::-webkit-scrollbar-track { /*滚动条里面轨道*/
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 13px;
      background: #EDEDED;
    }
  }

  .main_width{
    width:1000px;
    margin:auto;
    max-width: 100%;
    box-sizing: border-box;
  }
</style>
